
<!DOCTYPE html>
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>waiguaGG</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Template by FREEHTML5" />
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
	

  

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Roboto:400,300,700' rel='stylesheet' type='text/css'>
	<!-- Animate -->
	<link rel="stylesheet" href="static/waiguaindex/css/animate.css">
	<!-- Icomoon -->
	<link rel="stylesheet" href="static/waiguaindex/css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="static/waiguaindex/css/bootstrap.css">

	<link rel="stylesheet" href="static/waiguaindex/css/style.css">


	<!-- Modernizr JS -->
	<script src="static/waiguaindex/js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="static/waiguaindex/js/respond.min.js"></script>
	<![endif]-->

		<style>
			.a2 {
				background-color: royalblue;
				color: #000000;
				padding: 10px;
				text-decoration: none;
				font-size: 16px;
				box-shadow: #666 0px 0px 6px;
			}
			.a2:active{
				background-color: bisque;
			}
		</style>

	</head>
	<body>
	<div id="fh5co-offcanvas">
		<a href="#" class="fh5co-close-offcanvas js-fh5co-close-offcanvas"><span><i class="icon-cross3"></i> <span>Close</span></span></a>
		<div class="fh5co-bio">
			<figure>
				<img src="static/waiguaindex/images/person1.jpg" alt="Free HTML5 Bootstrap Template" class="img-responsive">
			</figure>
			<h3 class="heading">About Me</h3>
			<h2>Emily Tran Le</h2>
			<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
			<ul class="fh5co-social">
				<li><a href="#"><i class="icon-twitter"></i></a></li>
				<li><a href="#"><i class="icon-facebook"></i></a></li>
				<li><a href="#"><i class="icon-instagram"></i></a></li>
			</ul>
		</div>
	</div>
	<!-- END #fh5co-offcanvas -->

	<header id="fh5co-header">
		
		<div class="container-fluid">

			<div class="row">
				<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
				<ul class="fh5co-social">
					<li th:if="${session.loginUser!=null}" style="color: blue;font-size: 15px" >欢迎你:[[${session.loginUser==null?" ":session.loginUser.username}]]</li>
					<li><a href="http://auth.waiguattt.com/loguot.html" style="color: red;font-size: 15px" th:if="${session.loginUser!=null}">退出</a></li>
					<li><a href="http://auth.waiguattt.com/login.html" style="color: blue;font-size: 15px" th:if="${session.loginUser==null}">你好，请登录</a></li>
					<li th:if="${session.loginUser==null}"><a href="http://auth.waiguattt.com/reg.html" style="color: red;font-size: 15px">免费注册</i></a></li>
					<!--<li><a href="#"><i class="icon-instagram"></i></a></li>-->
				</ul>
				<div >
					<input  id="searchText" type="text" style="width: 50%;float: left;margin-left: 350px" class="form-control" th:value="${keyword}" placeholder="输入关键字">
					<a href="javascript:search();" class="a2"  style="width: 5%;float: left;margin-left: 15px;">搜索</a>
				</div>
			</div>
		
		</div>

	</header>
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
	<!-- END #fh5co-header -->
	<div class="container-fluid">
		<div class="row fh5co-post-entry">

			<article th:each="waigua : ${lists.getEsModels()}" class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
				<figure>
					<video width="320" height="240" controls>
						<source th:src="${waigua.getLocation()}" type="video/mp4">
					</video>
				</figure>
				<span class="fh5co-meta"><a href="single.html" th:text="${waigua.getWaiguaUsername()}">Food &amp; Drink</a></span>
				<h2 class="fh5co-article-title"><a href="single.html" th:utext="${waigua.getWaiguaDescribe()}">We Eat and Drink All Night</a></h2>
				<span class="fh5co-meta fh5co-date" th:text="${#dates.format(waigua.getCreateTime(),'yyyy-MM-dd HH:mm:ss')}">March 6th, 2016</span>
			</article>
			<div class="clearfix visible-xs-block"></div>
		</div>
	</div>

	<footer id="fh5co-footer">
		<p><small>&copy; 2021. YouZi Free HTML5. All Rights Reserverd. </small></p>
	</footer>


	
	<!-- jQuery -->
	<script src="static/waiguaindex/js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="static/waiguaindex/js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="static/waiguaindex/js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="static/waiguaindex/js/jquery.waypoints.min.js"></script>
	<!-- Main JS -->
	<script src="static/waiguaindex/js/main.js"></script>

	</body>
<script type="text/javascript">
	function search() {
		var keyword=$("#searchText").val();
		window.location.href="http://search.waiguattt.com/list.html?keyword="+keyword;
	}
</script>
</html>

